@media (max-width: 860px) {
  .container {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }
  .split-view .main-view {
    float: none;
    width: 100%;
  }
  .split-view .sidebar-view {
    display: none;
  }
  .overlay .overlay-inner {
    top: 60px;
    left: 0;
    width: 100%;
    margin-left: 0;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .overlay .topic-form {
    padding: 0;
  }
  .overlay .topic-form .markdown-logo {
    display: none;
  }
  .hentry .entry-title, .hentry .entry-content {
    word-break: break-all;
  }
  .tip:hover:before, .tip:hover:after {
    display: none;
  }
}
